<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../common/top.jsp" %>
<div id="Catalog">
    <form action="signon" method="post">
        <div class="signOn">
            <p>Please enter your username and password.</p>
            <c:if test="${requestScope.signonMsg != null}">
                <p><font color="red">${requestScope.signonMsg}</font></p>
            </c:if>
            <div class="information">
                <div class="user">
                    <div class="idt">
                        <label for="Name">username:</label>
                    </div>
                    <input type="text" id="Name" class="form_first" name="username">
                </div>
                <div class="user">
                    <div class="idt">
                        <label for="password">password:</label>
                    </div>
                    <input type="password" id="password" class="form_first" name="password">
                </div>
                <div class="verification">
                    <div class="idt">
                        <label for="checkCode">Verification Code:</label>
                    </div>
                    <input name="checkCode" type="text" id="checkCode" class="checkCode">
                    <img id="checkCodeImg" src="checkCode" onclick="change()">
                </div>
            </div>
            <input type="submit" value="Login">
        </div>
    </form>
    Need a user name and password?
    <a href="registerForm">Register Now!</a>
</div>
<script type="text/javascript">
    function change(){
        var image = document.getElementById("checkCodeImg");//获取表单元素 通过ID‘
        image.src = "checkCode?"+new Date().getTime();
    }
</script>
<%@ include file="../common/bottom.jsp" %>